.TieKeLoginPage {
	width: 100vw;
	height: 100vh;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;

	& > .LoginBack {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		z-index: -1;
	}

	& > .LoginBox {
		position: relative;
		width: 512px;
		height: 400px;
		z-index: 1;

		& > .LoginBoxBack {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			display: block;
			z-index: -1;
		}

		& > .codeTables {
			position: absolute;
			right: 0;
			top: 0;
			width: 80px;
			height: 80px;
			cursor: pointer;

			& > img {
				width: 100%;
				height: 100%;
			}
		}

		& > .SingUp {
			position: absolute;
			left: 0;
			bottom: 0;
			width: 100%;
			height: 285px;
			z-index: 2;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > .SignUpForm {
				width: 70%;

				& > .SignUpBtn {
					margin-bottom: 0;

					button {
						height: 44px;
						font-size: 22px;
						font-weight: bold;
					}
				}

				.ant-input-affix-wrapper {
					height: 44px;
					font-size: 25px;
					background-color: #021d4c;
					color: #4e9cff;
					border: 1px solid #ffcb4f;

					input {
						text-indent: 15px;
						font-size: 20px;
						background-color: #021d4c;
						color: #4e9cff;
					}

					.ant-input-password-icon.anticon {
						color: #4e9cff;
					}
				}
			}

			& > .CodeUpBox {
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;

				& > #QRcode {
					height: 280px;
					overflow: hidden;

					& > iframe {
						height: 280px !important;
					}
				}
			}
		}
	}
}
